"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = Example;

var _react = _interopRequireDefault(require("react"));

var _design = require("@discuzq/design");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function Example() {
  return /*#__PURE__*/_react.default.createElement("div", {
    className: 'popover-page'
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: 'popover-container--base'
  }, /*#__PURE__*/_react.default.createElement(_design.Popover, {
    content: /*#__PURE__*/_react.default.createElement("div", null, "trigger click")
  }, /*#__PURE__*/_react.default.createElement(_design.Button, null, "click")), /*#__PURE__*/_react.default.createElement(_design.Popover, {
    trigger: "hover",
    content: /*#__PURE__*/_react.default.createElement("div", null, "trigger hover")
  }, /*#__PURE__*/_react.default.createElement(_design.Button, null, "hover")), /*#__PURE__*/_react.default.createElement(_design.Popover, {
    placement: "TL",
    trigger: "hover",
    content: /*#__PURE__*/_react.default.createElement("div", {
      style: {
        height: '220px',
        width: '80px'
      }
    }, "\u9884\u5C55\u793A\u5728\u6309\u94AE\u5DE6\u4E0A\u4F4D\u7F6E\uFF0C\u4F46\u662F\u53EF\u89C6\u533A\u7A7A\u95F4\u4E0D\u8DB3\uFF0C\u5C31\u5C55\u793A\u5728\u5BF9\u7ACB\u9762")
  }, /*#__PURE__*/_react.default.createElement(_design.Button, null, "\u7A7A\u95F4\u4E0D\u8DB3"))));
}